.cad-image-content {
  height: 100%;
  .image-content {
    position: relative;
    height: calc( 100% - 60px );
    .drag-container {
      position: absolute;
      text-align: center;
      width: 100%;
      height: 100%;
      &::after {
        content: ' ';
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
      }
      .drag-container-loading {
        text-align: center;
        position: absolute;
        //height: calc(100% - 32px);
        height: 100%;
        //width: calc(100% - 32px);
        width: 100%;
        background: rgba(217, 236, 248, 0.5);
        /deep/ apes-spin {
          position: absolute;
          top: 50%;
          left: 50%;
        }
      }
      //img {
      //  width: 80%;
      //  height: 80%;
      //  cursor: pointer;
      //}
    }
    .image-tools {
      position: absolute;
      right: 10px;
      bottom: 10px;
      display: flex;
      flex-direction: column;
    }
  }
  .image-choose {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    .image-choose-img {
      margin: 10px;
      border: 1px solid #dde1d9;
      border-radius: 4px;
      width: 70px;
      height: 70px;
      cursor: pointer;
      &.image-choose-select {
        border: 1px solid #0589DD;
      }
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
}

.image-content-svg {
  //position: relative;
  //top: -50%;
  //left: -25%;
  .svg-rect {
    stroke: #a8a8a8;
    stroke-width: 1px;
    fill: white;
    fill-opacity: 0.05;
    cursor: pointer;
    &:hover {
      //stroke: #0095f8;
      stroke: #f83600;
    }
  }
  .svg-rect-selected {
    //stroke: #0095f8;
    stroke: #F83600;
    stroke-width: 4px;
  }
  //.svg-rect-unSelect {
  //  stroke: #f83338;
  //  stroke-width: 2px;
  //}
}
